@import '../common.less';

/* @import '~uxcore/assets/orange.css'; */
.normal-font-size {.f-normal-font-size;}
.small-font-size {.f-small-font-size;}
.app-background {.f-app-background;}
.separate {.f-separate;}
.app-height {.f-app-height;}
.white {.f-white;}
.black {.f-black;}
.app-center {.f-app-center;}

/** margin */
.margin {.f-margin;}
.margin-top {.f-margin-top;}
.margin-left {.f-margin-left;}
.margin-bottom {.f-margin-bottom;}
.margin-right {.f-margin-right;}
.margin-left-top{.f-margin-left-top;}
.margin-right-bottom{.f-margin-right-bottom;}

/** padding */
.padding {.f-padding;}
.padding-top {.f-padding-top;}
.padding-left {.f-padding-left;}
.padding-bottom {.f-padding-bottom;}
.padding-right {.f-padding-right;}
.padding-left-top {.f-padding-left-top;}
.padding-right-bottom {.f-padding-right-bottom;}

.border-radius {.f-border-radius;}
.box-shadow {.f-box-shadow;}
.app-circle {.f-app-circle;}
.app-content {.f-app-content;}
.app-font-gray {.f-app-font-gray;}
.app-break-text {.f-app-break-text;}

.flex-wrap {.f-flex-wrap;}
.flex-end {.f-flex-end;}

.flex-1 {.f-flex-1;}
.flex-2 {.f-flex-2;}
.flex-3 {.f-flex-3;}
.flex-4 {.f-flex-4;}
.flex-5 {.f-flex-5;}
.flex-6 {.f-flex-6;}
.flex-7 {.f-flex-7;}
.flex-8 {.f-flex-8;}
.flex-9 {.f-flex-9;}

/* * 生成flex-1~8
.flex-columns(@n, @i: 1) when (@i =< @n) {
  .flex-@{i} {.f-flex-@{i}}
  .flex-columns(@n, (@i + 1));
}
.flex-columns(8); */
